{%extends "base.html"%}

{%block title%}
<title>Vista de Clasificado {{casa.id}}</title>
{%endblock%}

{%block maincontent%}
<div id="content">
    <h3 class="titulo">{{casa.titulo}}</h3>
    <p>Activo desde hoy {{casa.fecha_inicio}} hasta el {{casa.fecha_fin}}.</p>
<div class="photo_slot">
    <form method="POST" enctype="multipart/form-data" action="{%url users.views.agregar_fotos_casa casa.id%}">
        {%csrf_token%}
        <table>
            {{form}}
        </table>
        <input class="button blueb" type="submit" value="Agregar Fotos">
    </form>

</div>

<div class="photo_slot">
    {%for foto in casa.fotocasa_set.all%}
        {%if foto.principal%}
            <div class="imagerv fotoprin">
        {%else%}
            <div class="imagerv">
        {%endif%}
            <a href="/media/{{foto.foto.url}}"><img class="rvgallery" src="/media/{{foto.get_thumb_url}}" /></a>
            <br>
            <form method="POST" action="{%url users.views.foto_prin_casa foto.id%}">
            {%csrf_token%}
            {%if foto.principal%}
                <input type="submit" value="Portada" class="button" disabled>
            {%else%}
                <input type="submit" value="Portada" class="button blueb">
            {%endif%}
            </form>
            <br>
            <form method="POST" action="{%url users.views.eliminar_foto_casa foto.id%}">
            {%csrf_token%}
            <input type="submit" value="Eliminar" class="redbutton">
            </form>

        </div>
    {%endfor%}
</div>


    {{casa.pauqete.nombre}}
    <div class="topinfo">
        <table class="info_casa">
        {%if casa.precio%}
        <tr>
            <td>
               <span class="precio"> ${{casa.precio|floatformat:2}} {{casa.get_moneda_display}}</span>
            </td>
        </tr>
        {%endif%}

        <tr>
            <td>En {{casa.get_disponibilidad_display}}</td>
        </tr>
        <tr>
            <td>En {{casa.municipio}}, {{casa.estado}}</td>
        </tr>
        </table>
    </div>


    <p class="descripcion">
        {{casa.descripcion}}
    </p>

<div class="clear"></div>


<div class="casa_data">
        <table class="dets_casa">
            <tr>
                <th>Colonia<td>{{casa.colonia}}</td></th>
            </tr>

            <tr>
                <th>Codigo Postal</th><td>{{casa.codigo_postal}}</td>
            </tr>

            <tr>
                <th>Tamaño de Area</th><td>{{casa.superficie}}</td>
            </tr>

            <tr>
                <th>No. de Baños</th><td>{{casa.banos}}</td>
            </tr>

            <tr>
                <th>Domicilio</th><td>{{casa.domicilio}}</td>
            </tr>

        </table>
</div> 

<div class="casa_data">
        <table class="dets_casa">
            <tr>
                <th>Condicion</th><td>{{casa.get_condicion_display}}</td>
            </tr>
            <tr>
                <th>Referencia</th><td>{{casa.referencia}}</td>
            </tr>
                <th>Pisos</th><td>{{casa.pisos}}</td>
            <tr>
                <th>No. de Recamaras</th><td>{{casa.recamaras}}</td>
            </tr>           
        </table>

</div>


<table class="contact_info">
    <tr>
        <th class="section_title" colspan="2">Informacion de Contacto</th>
    </tr>

    <tr>
        <th>Correo Electronico</th> <td>{{casa.email}}</td>
    </tr>

    <tr>
        <th>Telefono Fijo</th><td>{{casa.telefono}}</td>
    </tr>

    <tr>
        <th>Celular</th><td>{{casa.celular}}</td>
    </tr>

    <tr>
        <th>Direccion</th><td>{{casa.direccion}}</td>
    </tr>
</table>

<div id="controls">
    <a href="{%url users.views.editar_casa casa.id%}" class="button orangeb fleft"> Regresar y editar </a>

    <form method="POST" action="{%url users.views.venta_casa casa.id%}">
    {%csrf_token%}
    <input type="submit" class="button blueb fright" value="Confirmar">
    </form>
</div>

</div>
{%endblock%}
